#{extends 'admin.html' /}
#{set title:'Administration : Details de l\'utilisateur' /}

<article class="module width_3_quarter" style="width:66%;">
    <header><h3 class="tabs_involved">${entity.user.firstname} ${entity.user.lastname}</h3>
        <ul class="tabs">
            <li><a href="@{Customers.list}">Liste des Clients</a></li>
            <li><a href="@{Customers.edit(entity.user.id)}">Modifier l'utilisateur</a></li>

        </ul>
        <div class="clear"></div>
    </header>
    <div class="tab_container">
        <div id="tab1" class="tab_content">
            <table class="tablesorter" cellspacing="0">
                <tbody>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;"></td>
                        <td style="font-size:16px;"><img id="avatar" src="${entity.user.avatar}" alt="noimage"/></td>
                    </tr>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;">Groupe : </td>
                        <td style="font-size:16px;">${entity.user.groups}</td>
                    </tr>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;">Nom d'utilisateur : </td>
                        <td style="font-size:16px;">${entity.user.username}</td>
                    </tr>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;">Courier Electronique : </td>
                        <td style="font-size:16px;">${entity.user.email}</td>
                    </tr>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;">Date de Naissance : </td>
                        <td style="font-size:16px;">${entity.user.birthday.format()}</td>
                    </tr>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;">Adresses : </td>
                        <td style="font-size:16px;">${entity.user.adress}</td>
                    </tr>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;">N° de Téléphone : </td>
                        <td style="font-size:16px;">${entity.user.phonenumber}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</article>
<br />
<div class="clear"></div>
<article class="module width_3_quarter" style="width:66%;">
    <header><h3 class="tabs_involved">Information complementaire</h3>
        <ul class="tabs">
            <li><a href="@{Employees.edit(entity.id)}">Modifier le client</a></li>
        </ul>

    </header>
    <div class="tab_container">
        <div id="tab1s" class="tab_contents">
            <table class="tablesorter" cellspacing="0">
                <tbody>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;">Photo d'identitée : </td>
                        <td style="font-size:16px;"><img id="avatar" src="${entity.picture}" alt="noimage"/></td>
                    </tr>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;">Somme Dût : </td>
                        <td style="font-size:16px;">${entity.amountdue} €</td>
                    </tr>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;">Somme Payé : </td>
                        <td style="font-size:16px;">${entity.amountpaid} €</td>
                    </tr>
                    <tr>
                        <td style="font-size:14px;font-weight:bold;text-align:center;">Date d'inscription</td>
                        <td style="font-size:16px;">${entity.dateinscription.format()} </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</article>
